@charset "utf-8";          
@import "common";
@import "animate";
body{
    .laya{
        background-color: #8bc01f;
        .container {
            background-image: url(../img/layabox54.png);
            background-repeat: no-repeat;
            background-position: 100% calc(100% - 65px);
            .row{
                .miy{
                    display: flex;
                    justify-content: flex-start;
                    .lay{
                    width: 55px;
                    height: 53px;
                    margin-top: 67px;
                    background-color: #FFFFFF;
                    h2{
                        text-align: center;
                        line-height: 53px;
                        font-size: 35px;
                        color: #8bc01f;
                        margin: 0;
                    }
                }
                h3{
                    margin: 0;
                    margin-top: 75px;
                    margin-left: 12px;
                    font-size: 45px;
                    color: #FFFFFF;
                }
                }
                .col-md-6{
                     p{
                            
                            font-size: 14px;
                            color: #e5f0d6;
                            margin: 0;
                        }
                    .flash{
                       h3{
                        font-size: 24px;
                        color: #ecf4e1;
                        margin: 0;
                        padding-top: 23px;
                        padding-bottom: 67px;
                        } 
                    }
                    .flas{
                        padding: 31px 0 37px 0;
                    }
                    .fls{
                        padding-top: 16px;
                    }
                    .fla{
                        width: 100px;
                        height: 34px;
                        margin-top: 36px;
                        margin-bottom: 94px;
                        border-radius: 3px;
                        background-color: #e8f2d2;
                        p{
                            padding: 0;
                            font-size: 13px;
                            color: #bdda8c;
                            line-height: 34px;
                            text-align: center;
                        }
                    }
                    
                }
            }
        }
    }
    .player{
        background-color: #3393df;
        .container {
//          background-image: url(../img/layabox57.png);
//          background-repeat: no-repeat;
//          background-position: 100% calc(100% - 161px);
            .row{
                padding: 0 47px 0 22px;
                .play{
                    display: flex;
                    justify-content: flex-start;
                    .yer{
                    width: 42px;
                    height: 44px;
                    margin-top: 74px;
                    border-radius: 1px;
                    background-color: #FFFFFF;
                    h2{
                        text-align: center;
                        line-height: 44px;
                        font-size: 30px;
                        color: #3393df;
                        margin: 0;
                        
                        }  
                    }
                    h3{
                    margin: 0;
                    margin-top: 75px;
                    margin-left: 13px;
                    font-size: 45px;
                    color: #FFFFFF;
                    }
                }
                .col-md-6:first-child{
//                  background-image: url(../img/layabox55.png);
//                  background-repeat: no-repeat;
//                  margin-top: 18px;
//                  padding: 0;
                }
                .col-sm-4{
                    padding: 0;
                    .away{
                        padding-top: 43px;
                        h3{
                         font-size: 23px;
                         margin: 0;
                         color: #d8e7f7;
                         padding-bottom: 18px;
                         }
                        p{
                            color: #a1c7ed;
                            font-size: 14px;
                            margin: 0;
                            padding-bottom: 17px;
                            }       
                        
                      }
                    .awy{
                        padding-top: 33px;
                        padding-bottom: 133px;
                        h3{
                         font-size: 24px;
                         margin: 0;
                         color: #d8e7f7;
                         padding-bottom: 18px; 
                        }
                        p{
                            color: #a1c7ed;
                            font-size: 14px;
                            margin: 0;
                            padding-bottom: 17px;
                            }  
                    } 
                     
                    }    
                
                   }    
                    .play-content{
                        .left{
                            img{
                                margin-top: 22px;
                                width: 100%;
                            }
                        }
                        .right{
                            img{
                                margin-top: 170px;
                                width: 100%;
                            }
                            
                        }
                    }
                }
            }
            
    .distribution{
        padding-top: 91px;
        .container{
            .row{
                .col-sm-6:first-child{
                    padding: 0;
                    padding-left: 22px;
                    padding-right: 36px;
                    .layaAir{
                        display: flex;
                        justify-content: flex-start;
                        .Air{
                        width: 40px;
                        height: 41px;
                        border-radius: 1px;
                        background-color: #3393df;
                        h2{
                        text-align: center;
                        line-height: 44px;
                        font-size: 30px;
                        color: #FFFFFF;
                        margin: 0;
                            }
                        }  
                        h3{
                        margin: 0;
                        margin-top: 2px;
                        margin-left: 13px;
                        font-size: 40px;
                        color: #3393df;
                            }
                        }
                    .yaAir{
                        h2{
                            margin: 0;
                            padding: 25px 0 37px 0;
                            font-size: 18px;
                        }
                        h3{
                            margin: 0;
                            font-size: 17px;
                            color: #3393df;
                        }
                        p{
                            color: #848484;
                        }
                        .cla{
                            font-size: 14px;
                            padding: 21px 0 10px 0;
                        }
                        p{
                            margin: 0;
                           
                            padding-bottom: 38px;
                        }
                        .box{
                            padding: 21px 0 38px 0;
                        }
                        .bos{
                            padding: 20px 0 40px 0;
                        }
                    }
                    .asd{
                        font-size: 0;
                        padding-left: 155px;
                        padding-bottom: 86px;
                        
                    }    
                }
                  .col-sm-6{
                    padding: 0;
                    padding-left: 7px;
                    .layaAir{
                        display: flex;
                        justify-content: flex-start;
                        .Air{
                        width: 40px;
                        height: 41px;
                        border-radius: 1px;
                        background-color: #3393df;
                        h2{
                        text-align: center;
                        line-height: 44px;
                        font-size: 30px;
                        color: #FFFFFF;
                        margin: 0;
                            }
                        }  
                        h3{
                        margin: 0;
                        margin-top: 2px;
                        margin-left: 13px;
                        font-size: 40px;
                        color: #3393df;
                            }
                        }
                        .yaAir{
                        h2{
                            margin: 0;
                            padding: 25px 0 37px 0;
                            font-size: 18px;
                            }
                        h3{
                            margin: 0;
                            font-size: 17px;
                            color: #3393df;
                        }
                        p{
                            margin: 0;
                            color: #848484;
                        }
                        .open{
                            font-size: 14px;
                            padding: 19px 0 67px 26px;
                            } 
                        .ope{
                            font-size: 14px;
                            padding: 25px 0 36px 25px;
                        }  
                        .poe{
                            font-size: 14px;
                            padding: 18px 0 44px 26px;
                        }          
                        } 
                        .asz{
                            font-size: 0;
                            padding-left: 143px;
                            padding-bottom: 86px;
                        }   
                    }
                }
            }
        } 
    .layastore{
        background-color: #f7f7f7;
        .container{
            .row{
                .col-sm-6:first-child{
                    padding: 0;
                    padding-left: 22px;
                    padding-top: 91px;
                    margin-bottom: 61px;
                    .layastor{
                        display: flex;
                        justify-content: flex-start;
                        .stor{
                        width: 40px;
                        height: 41px;
                        border-radius: 1px;
                        background-color: #3393df;
                        h2{
                        text-align: center;
                        line-height: 44px;
                        font-size: 30px;
                        color: #FFFFFF;
                        margin: 0;
                            }
                        }  
                        h3{
                        margin: 0;
                        margin-top: 2px;
                        margin-left: 13px;
                        font-size: 40px;
                        color: #3393df;
                            }
                        }
                        .store{
                            h2{
                                padding: 24px 0 36px 0;
                                font-size: 18px;
                                margin: 0;
                            }
                            h3{
                                color: #77afe5;
                                font-size: 18px;
                                margin: 0;
                            }
                            p{
                                margin: 0;
                                font-size: 14px;
                            }
                            .sto{
                                padding: 20px 0 10px 25px;
                                font-size: 14px;
                            }
                            .st{
                                padding: 37px 0 21px 0;
                                font-size: 18px;
                                margin: 0;
                            }
                        }
                        .afac{
                           font-size: 0;
                           padding: 37px 0 0 0;
                           text-align: center;
                        }
                    }
                    .col-sm-6{
                        padding: 0;
                        padding-left: 22px;
                        padding-top: 91px;
                        margin-bottom: 83px;
                        .layapulish{
                            display: flex;
                            justify-content: flex-start;
                                .pulish{
                                width: 40px;
                                height: 41px;
                                border-radius: 1px;
                                background-color: #3393df;
                                h2{
                                text-align: center;
                                line-height: 44px;
                                font-size: 30px;
                                color: #FFFFFF;
                                margin: 0;
                                    }
                                }  
                                h3{
                                margin: 0;
                                margin-top: 2px;
                                margin-left: 13px;
                                font-size: 40px;
                                color: #3393df;
                                    }
                                }
                            .layapu{
                                h2{
                                padding: 24px 0 36px 0;
                                font-size: 18px;
                                margin: 0;
                                }  
                                h3{
                                color: #77afe5;
                                font-size: 18px;
                                margin: 0;
                                }
                                p{
                                margin: 0;
                                font-size: 14px;
                                }
                                .puli{
                                padding: 20px 0 10px 25px;
                                font-size: 14px;
                                }  
                                .pul{
                                padding: 61px 0 13px 0;
                                font-size: 18px;
                                margin: 0;
                                }
                            }        
                            .lish{
                                font-size: 0;
                                text-align: center;
                                padding: 47px 0 0 0;
                            }        
                        }
                    }
                }    
            
            }
        
        
         footer{
        width: 100%;
        background-color: #3b3b3b;
        .container{
            .row{
                display: flex;
                justify-content: space-between;
                .col-sm-6{
                    margin-left: 6px;
                    h3{ 
                        margin: 0;
                        margin-top: 35px;
                        margin-right: 14px;
                        font-size: 14px;
                        color: #a1a3ab;
                        float: left;
                    }
                        p{
                        float: left;
                        margin: 0;
                        padding-top: 15px;
                        padding-bottom: 35px;
                        font-size: 10px;
                        color: #a1a3ab;
                        }
                    
                }
                .col-sm-6.right{
                    display: flex;
                    justify-content: flex-end;
                    margin-top: 38px;
                    .gita{
//                      padding-right: 20px;
                        font-size: 0;
                    }
                    .gitz{
                        font-size: 0;
                        text-align: center;
//                      position: relative;
                    }
                    .git{
                        padding-right: 15px;
                        font-size: 0;
                    }
//                  .mig{
//                      position: absolute;
//                      font-size: 0;
//                      bottom: 80px;
//                      right: 33px;
//                  }
                    .testPop{
                        width: 80px;
                        height: 50px;
                        
                    }
                }
            }
        }
    }
        
     
 }
 @media (max-width:768px){
     body{
         .player{
             .container{
                 .row{
                     .play-content{
                        .left{
                            img{
                                width: 50%;
                            }
                        }
                        .right{
                            img{
                                width: 40%;
                            }
                        }
                        .center{
                            text-align: center;
                        }
                        .left{
                            text-align: left;
                        }
                        .right{
                            text-align: right;
                        }
                    }
                 }
             }
         }
     }
 }

    
    